<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
	
	<h:dataTable value="#{produitBean.produits}" border="1" var="produit">
	
		<h:column>
			<f:facet name="header">Référence</f:facet>
	   		#{produit.reference}
	   	</h:column>
	   	
	   	<h:column>
			<f:facet name="header">Nom</f:facet>
	   		#{produit.nom}
	   	</h:column>
	   	
	   	<h:column>
			<f:facet name="header">Prix</f:facet>
	   		#{produit.prix}
	   	</h:column>
	   	
	   	<h:column>
			<f:facet name="header">Catégorie</f:facet>
	   		#{produit.categorie.libelle}
	   	</h:column>
	   	    	
	   	<h:column>
			<f:facet name="header">Modifier</f:facet>
	   		<h:form>
				<h:commandLink action="#{produitBean.modifierProduitForm}" value="Modifier">
					<f:param name="idProduit" value="#{produit.reference}" />
				</h:commandLink>
				
				<!-- fait des erreurs dans les id 'modifier produit de catégorie' ce n'est pas celui pointé 
				<h:commandLink action="#{produitBean.modifierProduitForm(produit.reference)}" value="Modifier" /> -->
			</h:form>
	   	</h:column>
	   	 
	   	<h:column>
			<f:facet name="header">Supprimer</f:facet>
	   		<h:form>
	   			<h:commandLink action="#{produitBean.supprimerProduit}" value="Supprimer">
	   				<f:param name="idProduit" value="#{produit.reference}" />
	   			</h:commandLink>
				<!-- même problème que pour modifierProduitForm : le produit de catégorie supprimé n'est pas le bon 
				<h:commandLink action="#{produitBean.supprimerProduit(produit.reference)}" value="Supprimer" /> -->
			</h:form>
	   	</h:column>
   	
   	</h:dataTable>
	
</ui:composition>